<template>
    <div class="card-section">
        <div class="card-line"></div>
        <div class="card-title">{{ title }}</div>
    </div>
</template>

<script setup lang="js">
defineProps({
    title: ""
})
</script>
<style scoped lang="scss">
.card-section {
    width: 100%;
    height: vh(48);
    background: #173743;
    border-radius: 3px;
    display: flex;
    align-items: center;

    .card-line {
        width: vw(3);
        height: vh(16);
        background: #B2DC4C;
        border-radius: 1px;
        margin-left: vw(13);
        margin-right: vw(8);
    }

    .card-title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: vw(18);
        color: #FFFFFF;
    }
}
</style>